<!-- subpkg_medicine/pay_result/index.vue -->
<script lang="ts" setup>
import { getMedicalOrderDetail } from '@/apis/order'
import { useMedic } from '@/hooks/orderHooks';
import type { MedicalOrderDetail } from '@/types/order'
import { ref } from 'vue'

// 1. 获取订单的信息
const props = defineProps<{ orderId: string }>()

// const orderInfo = ref({} as MedicalOrderDetail)
// const getOrderDetail = async () => {
//   const res = await getMedicalOrderDetail(props.orderId)
//   // console.log(res)
//   orderInfo.value = res
// }
// getOrderDetail()
const { orderInfo } = useMedic(props.orderId)
</script>
<template>
  <view class="pay-result-page">
    <view class="result" v-if="orderInfo.status != 10">
      <uni-icons size="70" color="#20c6b2" type="checkbox-filled" />
      <view class="amount">¥ {{ orderInfo.actualPayment }}.00</view>
      <view class="label">支付成功</view>
      <view class="tips">订单支付成功，已通知药房尽快发出，请耐心等待~</view>
    </view>
    <view class="result" v-else>
      <uni-icons size="70" color="#20c6b2" type="closeempty" />
      <view class="amount">¥ {{ orderInfo.actualPayment }}.00</view>
      <view class="label">支付失败</view>
      <view class="tips">订单支付失败，请回订单中心重新支付~</view>
    </view>

    <view class="buttons">
      <navigator hover-class="none" :url="`/subpkg_medicine/order_detail/index?id=${props.orderId}`" class="uni-button"> 查看订单 </navigator>
      <navigator hover-class="none" url="/subpkg_consult/room/index" open-type="redirect" class="uni-button plain"> 返回诊室 </navigator>
    </view>
  </view>
</template>

<style lang="scss">
@import './index.scss';
</style>
